<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="less">
	/*每个页面公共css */
	view,
	swiper,
	page,
	textarea,
	input,
	text {
		box-sizing: border-box;
		font-weight: 500;
	}

	#app {
		max-width: 750px;
		margin: auto;
	}

	.page-container {
		min-height: 100vh;
		background-color: #F6F7F9;

		.bottom {
			position: relative;
			bottom: 0;
			// padding-bottom: 80rpx;
		}
	}

	.flex {
		display: flex;
		align-items: center;
	}

	.between {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.flex-center {
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.padd0_30 {
		padding: 0 30rpx;
	}
	.padd30_0 {
		padding:30rpx 0;
	}
	.padd30 {
		padding: 30rpx;
	}

	.ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ellipsisMore {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}


	.bigBtn {
		width: 100%;
		height: 90rpx;
		background: linear-gradient(92deg, #6CDDF5 1.32%, #4886f9 100.26%);
		box-shadow: 18rpx 16rpx 32rpx 0px rgba(55, 123, 245, 0.24);
		color: #FFF;
		font-family: PingFang SC;
		font-size: 32rpx;
		line-height: 90rpx;
		border-radius: 90rpx;
		text-align: center;
		font-weight: 700;
	}
	.bigBtn2{
		background: linear-gradient(180deg, #6CDDF5 0%, #4886f9 100%);
	}

	.bigEptBtn {
		width: 100%;
		height: 90rpx;
		color: #4886f9;
		font-family: PingFang SC;
		font-size: 32rpx;
		line-height: 90rpx;
		border-radius: 90rpx;
		text-align: center;
		font-weight: 700;
		border-radius: 90rpx;
		border: 2rpx solid #4886f9;
	}

	.smallBtn {
		width: 164rpx;
		line-height: 60rpx;
		text-align: center;
		color: white;
		font-size: 24rpx;
		background: linear-gradient(90deg, #6CDDF5 0%, #4886f9 100%);
		border-radius: 8rpx
	}

	.smallEptBtn {
		width: 164rpx;
		line-height: 60rpx;
		text-align: center;
		color: #4886f9;
		font-size: 24rpx;
		border-radius: 8rpx;
		border: 1.1rpx #4886f9 solid;
		background-color: #fff;
	}

	.fixed-btm {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 100rpx;
		z-index: 9;
	}

	.radio {
		display: flex;
		align-items: center;

		.out {
			width: 32rpx;
			height: 32rpx;
			border-radius: 100%;
			border: 2rpx solid #9B9B9B;
			display: flex;
			align-items: center;
			justify-content: center;

			.inner {
				width: 20rpx;
				height: 20rpx;
				border-radius: 100%;
			}
		}

		.txt {
			margin-left: 8rpx;
			color: #9B9B9B;
			font-family: PingFang SC;
			font-size: 28rpx;
		}
	}

	.radio.active {
		.out {
			border: 2rpx solid #4886f9;
		}

		.inner {
			background-color: #4886f9;
		}
	}

	.radio.active {
		.txt {
			color: #161616;
		}
	}

	.dTitle {
		.name {
			.hr {
				width: 4rpx;
				height: 30rpx;
				border-radius: 90rpx;
				background: linear-gradient(176deg, #6CDDF5 3.05%, #4886f9 96.95%);
			}

			.txt {
				color: #161616;
				font-family: PingFang SC;
				font-size: 28rpx;
				font-style: normal;
				margin-left: 8rpx;
			}
		}

		.icon {
			image {
				width: 12rpx;
				height: 28rpx;
				display: block;
			}
		}
	}

	.empty {
		width: 90%;
		margin: auto;

		image {
			width: 300rpx;
			margin: auto;
			// margin-top: 12vh;
			height: 248rpx;
			display: block;
		}

		.txt {
			width: 100%;
			margin-top: 164rpx;
			color: #747474;
			font-family: PingFang SC;
			font-size: 28rpx;
			text-align: center;
			margin-bottom: 60rpx;
		}
	}
	.triangle{
		font-size:20rpx;
	}

</style>
